page{
    background-color: #edece8;

}
.itops_index{
    padding: 0 10rpx;
    
    .index_swiper{
        swiper{
            height: 350rpx;
        }
    }
    .index_cate{
        background-color: #fff;
        border-radius: 15rpx;
        .index_cate_title{
            padding-top: 20rpx;
            display: flex;
            justify-content: center;
            height: 80rpx;
            border-bottom: 1rpx solid #ccc;
            .delimiter{
                color: #666;
            }
            .title{
                font-size: 32rpx;
                color: #666;
                font-weight: 600;
                
            }
        }
        .index_cate_content{
            height: 150rpx;
            display: flex;
            justify-content: space-around;
            color: #666;
            navigator{
                width: 15%;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
        }
    }
    .index_msg{
        margin-top: 20rpx;
        background-color: #108EE9;
        border-radius: 15rpx;
        .msg_item{
            height: 80rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 32rpx;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 500;
            
        }
    }
    .index_introduce{
        margin-top: 20rpx;
        .img_wrap{
            position: relative;
            image{
                height: 150vh;
            }
            .intro_content{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 5%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .intro_title1{
                    padding-top: 200rpx;
                    font-size: 80rpx;
                    color: #fff;
                }
                .intro_content1{
                    padding-top: 50rpx;
                    width: 80vw;
                    color: #fff;
                    font-size: 35rpx;
                    line-height: 80rpx;
                    text-align: center;
                }
                .intro_content2{
                    padding-top: 50rpx;
                    width: 80vw;
                    color: #fff;
                    font-size: 35rpx;
                    text-align: center;
                }
            }
        } 
    }
}

